/*
 * @Description: 备选联系信息组件
 * @Author: buwei.huang
 * @Date: 2019-07-26 15:17:55
 * @Last Modified by: buwei.huang
 * @Last Modified time: 2019-08-16 10:48:21
 */
<template>
  <div class="AlternativeInfo_wrap">
    <div class="AlternativeInfo_label">
      备选联系方式
    </div>
    <order-from-item
      labelName="联系人"
      :data="dataInfo.secondContact"
      v-if="dataInfo.secondContact"
    />
    <order-from-item
      labelName="联系方式"
      :data="dataInfo.secondContactPhone"
      v-if="dataInfo.secondContactPhone"
    />
    <order-from-item
      labelName="邮箱"
      :data="dataInfo.email"
      v-if="dataInfo.email"
    />
    <order-from-item
      labelName="备注"
      :data="dataInfo.userMemo"
      v-if="dataInfo.userMemo"
    />
    <!-- <div class="or_detail_item1 flex-h">
      <span>备注</span>
      <span class="or_detail_item_span2">{{dataInfo.remark}}</span>
    </div> -->
  </div>
</template>
<script>
import OrderFromItem from './OrderFromItem'
export default {
  components: {
    'order-from-item': OrderFromItem
  },
  props: {
    dataInfo: {
      type: Object,
      default: null
    }
  }
}
</script>
<style>
.AlternativeInfo_wrap {
  padding: 22px 0 32px;
  margin: 0 32px;
  background-color: #fff;
  border-radius: 16px;
  box-sizing: border-box;
  box-shadow: 0px 5px 10px 10px rgb(51, 51, 51, 0.05);
}
.AlternativeInfo_label {
  font-size: 16px; /* no */
  line-height: 44px;
  color: #666666;
  padding-left: 32px;
  margin-bottom: 22px;
}
.or_detail_item1 {
  /* height: 88px; */
  padding: 22px 32px;
  font-size: 16px; /* no */
}
.or_detail_item1 > span {
  line-height: 44px;
}
.or_detail_item1 > span:nth-of-type(1) {
  display: inline-block;
  width: 204px;
  color: #666666;
}
.or_detail_item1 .or_detail_item_span2 {
  display: inline-block;
  width: 418px;
}
</style>
